<template>
  <div class="xiaoai-container">
    <van-nav-bar
        title="小爱同学"
        left-text=""
        right-text="···"
        left-arrow
        @click-left="onClickLeft"
        @click-right="onClickRight"
    />

  </div>
</template>

<script>


export default {
  name: "Xiaoai",
  data(){
    return{

    }
  },
  methods:{
    onClickLeft(){
      // go(-1) 表示后退一层
      this.$router.go(-1)
    },
    onClickRight(){
      // 点击进入信息页面
      this.$router.push('/Xiaoinfo')
    },

  }

}
</script>

<style lang="less" scoped>
// 解决头部底部置顶置底遮住元素的问题
.xiaoai-container{
  .van-nav-bar{
    background-color: #007bff;
  }
  /deep/.van-nav-bar__title{
    color: white;
  }
  /deep/.van-nav-bar__arrow{
    color: white;
  }
  /deep/.van-nav-bar__text{
    color: white;
  }
}

</style>